
<section id="main">
	<div class="template-title">
		<img src="http://skyforest.static.elab-plus.com/temp/template9/bg1.png" class="bg-img"/>
		<img :src="content.logoUrl" v-if="!content.logoUrl.includes('template9')" class="logo-img"/>
		<h2 >【<span v-html="content.text1"></span>】</h2>
		<div class="template-detail">
			<p v-html="content.text2"></p>
			<p class="text-detail" v-html="content.text3"></p>
		</div>
	</div>
	<img :src="content.picUrl1" class="title-img" style="width:100%;"/>
	<p class="text-h text-center" v-html="content.text4"></p>
	<img src="http://skyforest.static.elab-plus.com/temp/template9/bg3.png" class="text-img"/>
	<p class="text-center text-sub1" v-html="content.text5"></p>
	<div class="title-box">
		<img src="http://skyforest.static.elab-plus.com/temp/template9/bg4.png" class="data-img1"/>
		<img src="http://skyforest.static.elab-plus.com/temp/template9/title.png" class="data-img2 data-title"/>
		<mt-swipe :auto="4000" class="swiper-img data-img3 data-img">
			<mt-swipe-item v-for="(item,index) in content.picUrl2" :key="index"><img :src="item" class=""/></mt-swipe-item>
		</mt-swipe>
		<!-- <img :src="content.picUrl2" class="data-img3 data-img"/> -->
	</div>
	<p class="text-h text-center" v-html="content.text6"></p>
	<img src="http://skyforest.static.elab-plus.com/temp/template9/bg3.png" class="text-img"/>
	<div class="title-box" style="height:3.48rem;">
		<img src="http://skyforest.static.elab-plus.com/temp/template9/bg5.png" class="data-img4"/>
		<img src="http://skyforest.static.elab-plus.com/temp/template9/title.png" class="data-img5 data-title"/>
		<mt-swipe :auto="4000" class="swiper-img data-img6 data-img">
			<mt-swipe-item v-for="(item,index) in content.picUrl3" :key="index"><img :src="item" class=""/></mt-swipe-item>
		</mt-swipe>
	</div>
	<p class="data-text1" v-html="content.text7"></p>
	<p class="text-h text-center" v-html="content.text8"></p>
	<img src="http://skyforest.static.elab-plus.com/temp/template9/bg3.png" class="text-img"/>
	<div class="title-box">
		<img src="http://skyforest.static.elab-plus.com/temp/template9/bg4.png" class="data-img1"/>
		<img src="http://skyforest.static.elab-plus.com/temp/template9/title.png" class="data-img2 data-title"/>
		<mt-swipe :auto="4000" class="swiper-img data-img3 data-img">
			<mt-swipe-item v-for="(item,index) in content.picUrl4" :key="index"><img :src="item" class=""/></mt-swipe-item>
		</mt-swipe>
	</div>
	<p class="data-text2" v-html="content.text9"></p>
	<div class="data-sec">
        <div class="title-img">
			<img src="http://skyforest.static.elab-plus.com/temp/template9/bg7.png"/>
			<p class="text-center data-text" v-html="content.text10"></p>
		</div>
		<p class="text-center data-sub" v-html="content.text11"></p>
		<img :src="content.picUrl5" class="data-photo border-img"/>
		<div class="data-photos">
			<img :src="content.picUrl6" class="data-photo1 border-img"/>
			<img :src="content.picUrl7" class="data-photo2 border-img"/>
		</div>
		<p class="data-last" v-html="content.text12"></p>
	</div>
	<div class="data-sec">
		<div class="title-img">
			<img src="http://skyforest.static.elab-plus.com/temp/template9/bg7.png"/>
			<p class="text-center data-text" v-html="content.text13"></p>
		</div>
		<p class="text-center data-sub" v-html="content.text14"></p>
		<div class="data-photos" style="margin:0 0 0.15rem">
			<img :src="content.picUrl8" class="data-photo1 border-img"/>
			<img :src="content.picUrl9" class="data-photo2 border-img"/>
		</div>
		<img :src="content.picUrl10" class="data-photo border-img" style="margin-bottom:0.3rem;"/>
		<p class="data-last" v-html="content.text15"></p>
	</div>
	<div class="tel-sec">
		<p class="tel-title">您可以在线咨询置业顾问:</p>
		<div class="counselor-sec">
			<img src="http://skyforest.static.elab-plus.com/temp/template2/button_online.png" @click="contactCounselor"/>
		</div>
		<div class="tel-sec1">
			<input type="tel" v-model="phone" placeholder="手机号"/>
			<div class="btn text-center" @click="getVerifyFn">{{verifyText}}</div>
		</div>
		<div class="tel-sec1">
			<input type="tel" placeholder="验证码" v-model="verify"/>
			<div class="btn text-center" @click="submit">提交</div>
		</div>
		<p class="text-tel">您也可以留电，置业顾问会第一时间联系您</p>
		<div class="tel-bot">
			<!-- <div class="tel-main">
				<div class="tel-btn" @click="contactCounselor">
					<p>在线顾问</p>
					<i></i>
				</div>
				<div class="coun-btn">
					<a v-on:click="trackTel" :href="'tel:'+telephone">
						<p>电话咨询</p>
						<i></i>
					</a>
				</div>
			</div> -->
			<img :src="appQrCode" class="code-img" v-if="appQrCode==''?false:true"/>
			<p class="text-center text-code" v-if="appQrCode==''?false:true">扫描下载项目APP</p>
			<p class="text-center text-adr">项目地址：{{address}}</p>
			<p class="text-center text-adr">开发商：{{owner}}</p>
			<a v-on:click="trackTel" :href="'tel:'+telephone" class="tel-img">
				<!-- <img src="http://skyforest.static.elab-plus.com/temp/template2/button_phone.png" class="tel-img"/> -->
			</a>
			<p class="text-center text-bot">本资料提供的所有文字、图片、视频数据仅供参考，</p>
			<p class="text-center text-bot">最终以政府批准文件及双方签订的买卖合同为准</p>
			<!-- <div class="edite-code">
				<img :src="content.finalImg== undefined||content.finalImg=='' ?'http://skyforest.static.elab-plus.com/detail/defaultCode.png':content.finalImg"/>
				<div class="code-title">
					<p class="title">{{content.finalTitle1}}</p>
					<p class="sub-title">{{content.finalTitle2}}</p>
				</div>
			</div> -->
		</div>
	</div>
</section>
